.banner{
    height: 500px;
}
.banner1 {
   background: url("img/banner.jpg");
    background-size: cover;
}
.banner2 {
    background: url("img/banner2.jpg");
    background-size: cover;
}
.banner3 {
    background: url("img/banner3.jpg");
    background-size: cover;

}
.card-body .card-text{
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main{
    background: url("img/banner4.jpg");


}


h2{
    color: black;
}
.footer{
    font-size: 14px;
    background: #f5f5f5;
}
.list{
    margin-top: 40px;
}
.banner-1{
    margin-top: 30px;
}
@media (max-width: 500px){
    .banner{
        height: 300px;
    }

}